<template>
	<div id="data-query-page"></div>
	<PySearch></PySearch>
	<Map v-model="modelValue" :configure="configure" @update:modelValue="update"></Map>

	<el-button @click="updateLatLng">update lat lng</el-button>
</template>

<script lang="ts" setup>
import { render, onMounted, nextTick, ref } from "vue";
import TestDataQueryPage from "./index";
import Map from "../../components/page-box/basic-form-box/components/PyMap/PyMap.vue";
import PySearch from '../../components/page-box/basic-form-box/components/PySearch/PySearch.vue'
const page = new TestDataQueryPage();
onMounted(async () => {
	await nextTick();
	const container = document.querySelector("#data-query-page");
	// @ts-ignore
	if (container) render(page.getVNode(), container);
});
const update = (val: any) => {
	console.log(val, "val");
};

const updateLatLng = () => {
	modelValue.value = [

	];
};

const modelValue = ref({} as any);
const configure = {
	label: "标签",
	height: "400px",
	zoom: "10",
	mapKey: "b7a8ef69227f0d797a9cea2b99f1112d",
	type: "previews",
} as any;
</script>

<style></style>
